<%@ page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="contextPath" value="${pageContext.servletContext.contextPath}"/>
<!doctype html>
<html lang="nl">
<head>
	<title>Pizza Luigi - pizza toevoegen</title>
	<link rel="stylesheet" href="${contextPath }/styles/default.css"/>
</head>
<script>
  document.getElementById('toevoegform').onsubmit = function() {
    document.getElementById('toevoegknop').disabled = true;
  };
</script>
<body>
	<c:import url="/WEB-INF/JSP/menu.jsp" />
    <h1>Pizza toevoegen</h1>
    <c:url value="/pizzas/toevoegen.htm" var="url" />
    <form method="post" action="${url }" id="toevoegform" enctype="multipart/form-data">
    	<label>Geef naam:<span class="fout">${fouten.naam }</span></label>
    	<input name="naam" value="${param.naam}" autofocus />
    	<label>Geef prijs:<span class="fout">${fouten.prijs }</span></label>
    	<input name="prijs" value="${param.prijs}"/>
    	<div>
    		<label><input type="checkbox" name="pikant" value="pikant"/> Pikant</label>
    	</div>
    	<label>Foto<span class="fout">${fouten.foto }</span>
    	<input type="file" name="foto"/></label>
    	<input type="submit" value="Toevoegen" id="toevoegknop"/>
    </form>
</body>
</html>